<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]张智豪-学生/广州</title>
        <style >
        div{
            width: 100px;
            height: 100px;
            border-radius:50%;
            overflow: hidden;
        }
        div img{width: 100%;}
    </style>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>

</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
           
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">

                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>

                    <!-- 头像照片 -->
                   
                </section>
                <div>
                <img   src="assets/images/avatar.jpg"  alt="">
                </div>

                <h1 class="name">张智豪</h1>
                <h4 class="info-job">学生 / 广州</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>张智豪 / 男 / 18岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>未考级</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>未考级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:130-5568-2705" target="_blank">130-5568-2705</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:2217539054@qq.com" target="_blank">2217539054@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="http://zzh030401.com/" target="_blank">zzh030401.com/</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/zzh030401" target="_blank">github.com/zzh030401</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <main>
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="21" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="21" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="21" max="100"></progress>
                    </li>
                    <li>
                        <label>React</label>
                        <progress value="21" max="100"></progress>
                    </li>
                    <li>
                        <label>Node.js</label>
                        <progress value="21" max="100"></progress>
                    </li>
                    <li>
                        <label>game</label>
                        <progress value="99.99" max="100"></progress>
                    </li>

                </ul>
            </section>
            </main>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr/>
                <img src="assets/images/1.jpg" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>埕头中学</span>
                            <time>2015.9-2018.7</time>
                        </h3>
                        <p>年级排名
                            <mark>前50/900</mark>，第一年，贪玩使我颓废，成绩十分落后。第二年，在家人与老师的启蒙下，我决定住宿在学校来努力学习。经过一段时间的奋斗与拼搏，成功提升了我的成绩，受到老师的表扬与鼓励。</p>
                    </li>
                    <li>
                        <h3>
                            <span>莆田第四中学-理科</span>
                            <time>2018.9-2021.7</time>
                        </h3>
                        <p>专业排名
                            <mark>5/45</mark>，<em>期间语文成绩突出，班级第五，年级前100左右。地理在自己不断练习与自学下，考进班级第七。</em></p>
                    </li>
                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>学习经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]</span>
                            <time>2019.6 至 2019.9</time>
                        </h3>
                        <ul class="info-content">
                            <li>对《红楼梦》有浓厚的兴趣
                                <mark>四大家族中错综复杂的关系；
                                      贾府中以贾宝玉为中心的关系；
                                  </mark>，
                                <mark>了解整本书中大致的人物关系；
                                    仔细了解贾府中的人物关系；</mark></li>
                            <li>《红楼梦》中有十二金钗正册、十二金钗副册、十二家人、十二儿、十二贾氏、十二官、七尼、七彩、四春、四宝、四薛、四王、四尤、四草辈、四玉辈、四文辈、四代辈、四煭婢、四请客、四无辜、四小厮、四小、四婆子、四情友、四壮客、四宦官、文房四宝、四珍宝、一主三仆；
                                <mark>可上网查询；
                                      可翻书查阅；</mark>。</li>
                            <li>《红楼梦》中人物的相关关系
                                <mark>阅读原著；询问老师；上网查询；</mark>。</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]对化妆品的研究</span>
                            <time>2020.07-2020.10</time>
                        </h3>
                        <ul class="info-content">
                            <li>在化妆品这-领域中，不同的化妆品有不同的功效，并且适用于不同的群体。有些化妆品适合油性皮肤，有些适合中性皮肤,有些化妆品专为女士设计，而有些则专为男士设计。
                                <mark>我们在使用化妆品之前，就必须充分了解其成分和作用功效，已达到预期效果。</mark>、化妆品的副作用也是不能够忽视的一方面，使用了不适合自己的化妆品也会对自己的皮肤带来不良影响，轻会导致皮肤干燥、过敏、起疹等，重则可能引起色素过度沉着和面颈部的.接触性皮炎等症状。
                                <a href="http://itsay.tech/162/" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                            <li>无论多么昂贵的化妆品，或是号称纯天然的护肤品，都含有或多或少的人工化学成分。化妆品是由基质加上其他如抗氧化剂、防腐剂、香料。
                                <mark>表面活性剂、保湿剂、色素及皮肤渗透剂等组成。</mark>其中的基质原料主要是油性原料，包括油脂类，蜡类，碳氧化合物以及组成这些成分的高级脂肪酸，高级醇类等等。</li>
                            <li>化妆品是每个女人生活的必需品。</li>
                            <li>生活
                                <mark>一般的化妆品都是化学合成品，虽然有对人体保护和美化有一定的功能，但同时也会挥发出各种有害物质而对健康不利。</mark>（CentOS+vsftpd+crontab）
                                <a href="#" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-terminal" aria-hidden="true"></i>小组项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]研究《红楼梦》中的人物关系</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2019.6 至 2019.9</time>
                        </h3>
                        <ul class="info-content">
                            <li>成员：一个组长和五个组员</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]<b>了解整本书中大致的人物关系；
                                </b>
                                    <em>  四大家族中错综复杂的关系；
                                      </em>贾府中以贾宝玉为中心的关系；
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]同 5 位同专业同学一起
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]完成从
                                <mark>阅读原著；询问老师；上网查询；</mark>《红楼梦》中有十二金钗正册、十二金钗副册、十二家人、十二儿、十二贾氏、十二官、七尼、七彩、四春、四宝、四薛、四王、四尤、四草辈、四玉辈、四文辈、四代辈、四煭婢、四请客、四无辜、四小厮、四小、四婆子、四情友、四壮客、四宦官、文房四宝、四珍宝、一主三仆；
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品最终取得前十</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]对化妆品的研究</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2020.07-2020.10</time>
                        </h3>
                        <ul class="info-content">
                            <li>成员：一个组长和五个组员</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                [目标]调查与分析化妆品的优点与缺点
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                [团队]与 4 位同学
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                [贡献]有利于人民更好地去选择与使用
                                <mark>化妆品</mark> 和
                                <mark>报告</mark> 
                                <b>无论多么昂贵的化妆品，或是号称纯天然的护肤品，都含有或多或少的人工化学成分。化妆品是由基质加上其他如抗氧化剂、防腐剂、香料。
                                </b>

在化妆品这-领域中，不同的化妆品有不同的功效，并且适用于不同的群体。有些化妆品适合油性皮肤，有些适合中性皮肤,有些化妆品专为女士设计，而有些则专为男士设计。所以，我们在使用化妆品之前，就必须充分了解其成分和作用功效，已达到预期效果。再者，化妆品的副作用也是不能够忽视的一方面，使用了不适合自己的化妆品也会对自己的皮肤带来不良影响，轻会导致皮肤干燥、过敏、起疹等，重则可能引起色素过度沉着和面颈部的.接触性皮炎等症状。

表面活性剂、保湿剂、色素及皮肤渗透剂等组成。其中的基质原料主要是油性原料，包括油脂类，蜡类，碳氧化合物以及组成这些成分的高级脂肪酸，高级醇类等等。这些原料对人体都会产生严重的危害，有的具有直接刺激性，有的是致敏源，能引起接触过敏性皮炎;有的含有类固醇激素，导致皮肤色素改变;有的内含金属 (如铅、砷、汞)，会引起慢性中毒，因此长期使用化妆品，会对人体产生不好的刺激作用，对皮肤造成相当大的危害。

化妆品是每个女人生活的必需品。美发、纹眉、美白、祛斑、美唇、丰乳等等，都离不开化妆品。然而，一般的化妆品都是化学合成品，虽然有对人体保护和美化有一定的功能，但同时也会挥发出各种有害物质而对健康不利。根据最新公布的一份研究报告，女性使用的绝大多数化妆品都是化学合成品，都是工业手段生产的一杯杯”鸡尾酒”,含有潜在的危险化学物质，致使女性健康遭到损害。有时候，它们并不像所承诺的那样延缓衰老，而是起到加快衰老这一恰恰相反的作用。

　　美国草本协会认为，超过60％的护肤原料会透过皮肤表层进入体内，换而言之，若一般化学类化妆品含毒性或是合成原料，便会加重心、肝、肾等排毒器官的负担，从而危害健康。

　　英国在去年10月的一项研究报告指出，英国妇女是欧洲各国使用化妆品最多的，去年购买各种化妆品的花费大约64亿英镑，平均每天使用12种化妆品，所含化学物质至少175种，平均每人每年透过皮肤或嘴部吸收的化学物质大约2.25Kg。

　　天然除臭剂制造公司Bionsen研究发现，女性每天化妆在让自己变得美丽的同时也为身体送上多达 515种不同的人工合成化学物质。其中很多化学物质也同样被用于制造家用清洁剂等产品，它们与大量健康问题有关，其中包括过敏症、皮肤过敏、严重的荷尔蒙分泌紊乱、不孕不育，甚至于癌症。

                                <em>因此，如果对化妆品使用不当或滥用，就会危害健康，轻则对人体皮肤产生刺激作用，重则引起“化妆品皮炎”，甚至诱发癌症、危及生命，那样化妆美容不仅得到美容的结果，反而成为美容化妆的陷阱。可以说，化妆品是致命的诱惑！
                                </em>
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                [效果]作品取得前八
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <h1>
                加adress和figure标签
            </h1>

            <main>
                <address>
                Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
                Visit us at:<br>
                Example.com<br>
                Box 564, Disneyland<br>
                USA
            </address>
            <p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

            <figure>
            <img src="assets/images/pulpit rock.jpeg"  alt="The Pulpit Rock" width="304" height="228">
            </figure>

                        <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                <hr/>
                <p>每天坚持早睡早起，保持上课专心致志。
                    <span class="mark-txt">
                        <b>“大气的人,从不为已经不属于自己的东西而惋惜。”</b></span>每个人都行走在逐梦的路上，为了自己的梦想而奋发向上。犹如一道曙光，照亮了生活。我的梦想，或许简单而平凡，可因为梦想，无边的未来却也会闪现光芒。就如宇宙中如此微弱的星光，却也是不可泯灭的存在。
                        复习多元统计课程时，对不同的复习内容规定不同的时间，不拘泥于两个小时对应两章的内容，而是慢慢来但不浪费时间。学习遇到瓶颈时调整心态，或者阅读，或者看电影。正所谓积极的态度既可使人倍感快乐和满足，也能使人经受苦难与挫折。</p>
            </section>
            </main>
        </section>
    </article>



    <footer class="footer">
        <p>© 2021 张智豪.文档最后更新时间为
            <time>2018年11月15日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>